const path = require("path");
const comment = require("postcss-comment");
const tailwindcss = require("tailwindcss");
const autoprefixer = require("autoprefixer");
const postcssImport = require("postcss-import");

module.exports = {
  parser: comment,
  plugins: [
    postcssImport({
      resolve(id, basedir, importOptions) {
        if (id.startsWith("~@/")) {
          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3));
        } else if (id.startsWith("@/")) {
          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2));
        } else if (id.startsWith("/") && !id.startsWith("//")) {
          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1));
        }
        return id;
      },
    }),
    tailwindcss({
      config: "./tailwind.config.js",
    }),
    autoprefixer({
      remove: true,
    }),
    // // 下方为 px 转 rpx 区域
    // postcssPxtransform({
    //   platform: "weapp",
    //   // 根据你的设计稿宽度进行配置
    //   // 可以传入一个 function
    //   // designWidth (input) {
    //   //   if (input.file.replace(/\\+/g, '/').indexOf('@nutui/nutui-taro') > -1) {
    //   //     return 375
    //   //   }
    //   //   return 750
    //   // },
    //   designWidth: 750, // 可以设置为 375 等等来应用下方的规则,
    //   deviceRatio: {
    //     640: 2.34 / 2,
    //     // 此时应用到的规则，代表 1px = 1rpx
    //     750: 1,
    //     828: 1.81 / 2,
    //     // 假如你把 designWidth 设置成 375 则使用这条规则 1px = 2rpx
    //     375: 2 / 1,
    //   },
    // }),
  ],
};
